Discussion :

[Invité]

Bonjour,

voilà j'ai une fois de plus un petit soucis concernant un remplacement de string dans un fichier. Je m'explique j'ai créé une partie de code qui me permet d'ouvrir un fichier en l'occurence un fichier html ou css et de remplacer le code par les données que j'ai saisie. Tout fonctionne a une exception prêt je peux le faire dans un fichier uniquement.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
        var infile = urlHtml;
                    var outfile = urlHtml;
 
            fs.open(infile, 'r', function (err, fd) {
                changeFile(fd);
            });
 
            var out = ' ';
 
            function changeFile(fd) {
 
                var buf = new Buffer(1024);
                buf.fill(0);
 
                try {
 
                    fs.read(fd, buf, 0, 1024, null, function (err, bytesRead, buffer) {
                        if (bytesRead === 0) {
                            writeFile(out);
                            return;
                        }
                        var str = buffer.toString('utf8', 0, bytesRead);
 
                        for (var i in req.body.tpl.title) {
                            str = str.replace('${' + req.body.tpl.title[i].id + '}', req.body.tpl.title[i].value);
                        }
                        for (var i in req.body.tpl.content) {
                            str = str.replace('${' + req.body.tpl.content[i].id + '}', req.body.tpl.content[i].value);
                        }
                        for (var i in req.body.tpl.image) {
                            str = str.replace('${' + req.body.tpl.image[i].id + '}', '../../../' + req.body.tpl.image[i].path);
                        }
 
                        out += str;
                        changeFile(fd);
                    });
 
                } catch (err) {
                    console.error(err);
                }
 
            }
 
            function writeFile(str) {
                fs.writeFile(outfile, str, function (err, written, buffer) {
                    fs.rename(outfile, infile);
                });
            }

Mon fichier JSON :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
{
    "title": [{
        "id": "titre"
        , "name": "titre"
 
  }]
    , "image": [{
        "id": "url"
        , "name": "image"
        , "file": "css"
  }],
}

J'aimerai pouvoir analyser ce fichier et lorsqu'il tombe sur l'image il ouvre le css puis une fois sur le titre il ouvre mon html

J'ai essayé ceci mais ça n'a pas l'air de fonctionner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
    for( var i in req.body.tpl.length){
 
                    if(req.ody.tpl.image[i].file =='css')
                    {
                    var infile = urlCss;
                    var outfile = urlHtml;
                    } 
                     var infile = urlHtml;
                    var outfile = urlHtml;

merci pour vos réponses

[francky74]

Bonjour,

Je ne comprends pas bien votre problème.
En effet, dans le titre, vous dites "remplacement de string dans un fichier" et j'en conclu que vous avez un problème pour remplacer une string dans un fichier .... et donc j'en déduis que vous voulez remplacer une string dans un fichier.
Mais dans le corps du message, vous écrivez ceci :

Tout fonctionne a une exception prêt je peux le faire dans un fichier uniquement.

Et là je comprends que vous ne voulez pas remplacer une string dans un fichier puisque cela fonctionne mais vous voulez autre chose.

Désolé ! j'ai peut-être mal compris mais plus d'explications pourraient nous aider à vous aider

[Invité]

Oui je comprends. Je vais essayer d'etre plus clair

J'ai des dossier contenant chacun un html un css et un json avec un titre, un contenu et une image côté front end j'affiche un formulaire de manière dynamique selon le json Donc dans mon json si j'ai un id dans mon tableau titre il m'affichera automatiquement un titre, et si j'ai deux id alors j'aurai deux champs titre. Jusque là tout va bien. Ensuite dans mes fichiers Css et Html j'ai des code d'injection de ce type ${titre} entre mes balises.

A partir de là la fonction permet de récuperer le json dont il contient les valeurs des champs et de les injecter a la place de ses balises d'où le replace string. Sauf que mes images sont dans le css.
Donc voici ma question : Comment je peux faire pour parcourir le json et dès que j'ai le file:css il va ouvrir le css et injecter et ensuite ouvrir le html ? car là j'arrive bien a remplacer mais uniquement dans un des deux fichiers. J'avais pensé a ouvrir les deux fichiers et parcourir quoi qu'il arrive mais est ce possible ?

voilà

D'où ceci mais qui ne fonctionne pas :/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 for( var i in req.body.tpl.length){
 
                    if(req.ody.tpl.image[i].file =='css')
                    {
                    var infile = urlCss;
                    var outfile = urlHtml;
                    } 
                     var infile = urlHtml;
                    var outfile = urlHtml;

[sekaijin]

Je ne comprends rien

c'est quoi cette architecture qui consiste à modifier le code source ?

Amngular et fait pour implémenter le pattern MVC
dans cette approche JAMAIS on ne modifie de code source à la volée.
les données devrait être dans des datastores pas dans le code source.

A+JYT

[Invité]

C'est une architecture qui me permet d'injecter les saisies de formulaire dans un fichier html donc si c'est faisable car j'ouvre juste un fichier html et je remplace l'id par défaut et la page html n'est pas raccordée a angular c'est en dehors cést des fichiers importés si tu preferes

Je dirai plus que angular est plus de type mvvm que mvc

[Marco46]

Ce que tu veux faire se fait très bien avec angular. Commence donc par faire les tutoriaux, ton approche n'est pas bonne. Tu essaies de modifier le DOM avec du code impératif en javascript alors que tu as tout ce qu'il te faut dans les directives natives de angular (ng-if, ng-src, ng-class) pour faire ça en déclaratif.